<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="c_jstl" %>
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->

<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8">
	<title>7 you</title>
	<meta name="description" content="">
	<meta name="author" content="">
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">

	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/skeleton.css">
	<link rel="stylesheet" href="css/screen.css">
    <link rel="stylesheet" href="css/mediaelementplayer.css" />
    <!--[if IE 7]>
        <link rel="stylesheet" href="stylesheets/ie7.css">
    <![endif]-->

	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.ico">
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
    
    <!-- Fonts
	================================================== -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic,300,300italic' rel='stylesheet' type='text/css'>
    
    <!-- Scripts
	================================================== -->
    <script src="js/jquery-1.7.min.js" type="text/javascript"></script>
    <script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
    <script src="js/jquery.animate-colors-min.js" type="text/javascript"></script>
    <script src="js/ddsmoothmenu.js" type="text/javascript"></script>
    <script src="js/jquery.cssAnimate.mini.js" type="text/javascript"></script>
    <script src="js/jquery.fitvids.js" type="text/javascript"></script>
    <script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
	<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
    <script src="js/mediaelement-and-player.min.js"></script>
    <script src="js/screen.js" type="text/javascript"></script>
    
</head>

<body>

	<!-- Site Backgrounds
	================================================== -->
	
    <!-- Change to class="poswrapheaderline wide" and class="headerline full" for a full-width header line -->
	<div class="poswrapheaderline"><div class="headerline"></div></div>  
    <!-- Remove or uncomment depending on if you want a background image or tile -->
    <div class="tiledbackground"></div>
    <!--img src="images/bg.jpg" alt="" id="background" /-->
    <!-- Change to class="poswrapper wide" and class="whitebackground full" for a full-width site background -->
    <div class="poswrapper"><div class="whitebackground"></div></div>

	<div class="container main portfolio4column">

		<!-- Header | Logo, Menu
		================================================== -->
		
		<jsp:include page="head.jsp"/>
		
		
		<!-- Page Title
		================================================== -->
		
		<div class="pagetitle">
			<div class="pagetitleholder">
				<h1>7you 欢迎您</h1>
			</div>
			<div class="socialholder">
				<ul class="socialicons">
				<c:choose>
					<c:when test="${!empty user}">
						<li>Hi!</li>
						<li><a href="UserInfo?id=${user.getID() }">${user.getID() }</a></li>
					</c:when>	
					<c:otherwise>
						<li><a href="login.jsp" class="linkbg">登陆</a></li>
						<li><a href="regist.jsp" class="linkbg">注册</a></li>
					</c:otherwise>
				</c:choose>				
				</ul>
			</div>
		</div>
        
        
        <!-- Slider
		================================================== -->
        
		<div class="homeslider row">        
            <div class="flexslider clearfix">
                <ul class="slides">
                    <li><a href="#latestnews"><img src="images/banner/banner1.jpg" alt="" /></a>
                        <div class="flex-caption">
                            <strong>沿 途 的 风 景</strong> 我们共同分享   
                        </div>
                    </li>
                    <li><img src="images/banner/banner2.jpg" alt="" /></li>
                    <li><img src="images/banner/banner3.jpg" alt="" /><div class="flex-caption">We hope you enjoy this Template. Make sure to checkout all included pages!</div></li>
                </ul>
            </div>
            <div class="sliderspacefix"></div>
		</div>

        
        <!-- 最新动态
		================================================== -->
        
        <div class="sixteen columns row divide" id="latestnews">
        	<h3 class="titledivider">最新动态</h3>
        	<div class="rightlink"><a href="Index" class="titlelink">刷新</a></div>
            <div class="dividerline"></div>
        </div>
        
        <div class="sixteen columns row portfolio_filter">
        	<ul>
                <li><a class="portfolio_selector" data-group="all-group" href="#">所有动态</a></li>
                <li><a class="portfolio_selector" data-group="invt-group" href="#">邀&nbsp;&nbsp;&nbsp;&nbsp;请</a></li>
                <li><a class="portfolio_selector" data-group="sspt-group" href="#">景&nbsp;&nbsp;&nbsp;&nbsp;点</a></li>
                <li><a class="portfolio_selector" data-group="blog-group" href="#">博&nbsp;&nbsp;&nbsp;&nbsp;客</a></li>
            </ul>
        </div><div class="clear"></div>
        
		<div class="sixteen columns row teasers portfolio">
        
        	<div class="four columns teaser all-group invt-group">
        	<c:forEach items="${recentInvit}" var="activty">
        	   <a href="ActivityInfo?id=${activty.acID }" data-text="" class="hovering"><img src="${activty.acPathPic }" alt="" class="scale-with-grid" /></a>
			   <div class="topline"><a href="ActivityInfo?id=${activty.acID }">${activty.acName}</a></div>
			   <div class="subline"><a href="UserInfo?id=${activty.userID }">${activty.userID }</a></div>
        	</c:forEach>               
            </div>
			<div class="four columns teaser all-group sspt-group">
			<c:forEach items="${recentSpot }" var="sspt">
                <a href="ssptinfo.jsp?id=${sspt.getID() }" data-text="" class="hovering"><img src="${sspt.getScsPath() }" alt="" class="scale-with-grid" /></a>
				<div class="topline"><a href="#">${sspt.getName() }</a></div>
				<div class="subline">推荐:<a href="#">${sspt.getNums() }</a></div>
            </c:forEach>
            </div>
			<div class="four columns teaser all-group blog-group">
			<c:forEach items="${recentBlog }" var="blog">
                <a href="BlogInfo?id=${blog.getBlogID() }" data-text="" class="hovering"><img src="images/thumbs/home_teaser6.jpg" alt="" class="scale-with-grid" /></a>
				<div class="topline"><a href="bloginfo.jsp?id=${blog.getBlogTitle() }">${blog.getBlogTitle() }</a></div>
				<div class="subline"><a href="UserInfo?id=${blog.getUserID() }">${blog.getUserID() }</a></div>
            </c:forEach>
            </div>
            
			<div class="clear"></div>
		</div><div class="clear"></div> 
        
        <!-- Clients
		================================================== -->
        
        <div class="sixteen columns row divide">
        	<h3 class="titledivider">我们的伙伴</h3>
            <div class="rightlink"><a href="#" class="titlelink"><span style="font-size:13px;">&rarr;</span> More</a></div>
            <div class="dividerline"></div>
        </div>
        
		<div class="sixteen columns row">
        
        	<p>想跟我们一起合作？ &nbsp; &nbsp; <a href="#" class="linkbg">联系我们</a></p>
        	
            <ul class="clients">
        		<li><a href="#"><img src="images/clients/client1.jpg" alt="" /></a></li>
                <li><a href="#"><img src="images/clients/client2.jpg" alt="" /></a></li>
                <li><a href="#"><img src="images/clients/client3.jpg" alt="" /></a></li>
                <li><a href="#"><img src="images/clients/client4.jpg" alt="" /></a></li>
                <li><a href="#"><img src="images/clients/client5.jpg" alt="" /></a></li>
			</ul>
            
			<div class="clear"></div>
		</div><div class="clear"></div>
		
      <!-- Bottom Padding Adjust
       ================================================== --> 
       <div class="sixteen columns bottomadjust"></div>
            
	</div><!-- container -->

	<!-- Footer
	================================================== -->
	<jsp:include page="foot.jsp"/>
<!-- End Document
================================================== -->
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>